<template>
  <el-row style="margin-top: 20px; margin-bottom: 20px">
    <el-col
      :span="15"
      :offset="2"
      style="background: white; border: 1px solid red"
    >
      <h3 class="title">
        <span class="f">1F</span><span class="text">戏剧达人</span>
      </h3>
      <div class="bodyImg">
        <img src="/images/big4.jpg" style="float: left; margin-left: 30px" />
        <ul class="imgLi">
          <li>
            <img
              style="vertical-align: top"
              src="/images/cardimg1.jpg"
              width="130"
            />
            <div style="display: inline-block">
              <span class="liTitle">大家啊杀戮空间打的</span>
              <p style="font-size: 13px">2021-12-01</p>
              <p style="font-size: 13px">海南省 三亚市</p>
            </div>
          </li>
          <li>
            <img
              style="vertical-align: top"
              src="/images/cardimg1.jpg"
              width="130"
            />
            <span class="liTitle">大家啊杀戮空间发的</span>
          </li>
          <li>
            <img
              style="vertical-align: top"
              src="/images/cardimg1.jpg"
              width="130"
            />
            <span class="liTitle">大家啊杀戮空间发的</span>
          </li>
          <li>
            <img
              style="vertical-align: top"
              src="/images/cardimg1.jpg"
              width="130"
            />
            <span class="liTitle">大家啊杀戮空间法师</span>
          </li>
        </ul>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "homef",
};
</script>

<style scoped>
.title {
  text-align: left;
  text-indent: 2rem;
  margin-top: 15px;
}
.title .f {
  color: #ff3c1b;
}
.title .text {
  font-weight: normal;
  margin-left: 10px;
}
.bodyImg {
  border: 1px solid red;
  margin-top: 20px;
  padding-bottom: 40px;
  height: 375px;
  /* margin-right: ; */
}
.imgLi {
  display: flex;
  list-style: none;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-left: 15px;
}
.imgLi li {
  margin-bottom: 10px;
}
.liTitle {
  margin-left: 12px;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
}
</style>